<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Sports
    hop.bg</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="./css/normalize.min.css">
    <link rel="stylesheet" href="./css/main.css">
</head>
<body>
    <!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

    <div class="wrapper">
        <div class="main-bg">  
            <div class="pixel-bg">
                <div class="container-main">
                    <header class="top-header cf">
                        <div class="header-logo">
                            <a href="#"><img id="logo" src="./images/logo.png" alt="logo image"></a>
                        </div> <!--# header logo-->
                        <nav class="header-nav cf">
                            <ul class="cf">
                                <li><a href="#"><span>НАЧАЛНА СТРАНИЦА</span></a></li>
                                <li><a href="#" id="show-all-products"><span>ВСИЧКИ ПРОДУКТИ</span></a></li>
                                <li><a href="#"><span>НАШИТЕ КОНТАКТИ</span></a></li>
                                <li><a href="#"><span>СКИ СЕРВИЗ</span></a></li>
                            </ul>
                        </nav> <!--# header navigation-->
                        <div class="header-menu cf">
                            <ul id="header-menu-buttons">
                                <li><a href="#" id="profile"></a></li>
                                <li><a href="#" id="search"></a></li>
                                <li><a href="#" id="cart"></a><span id="cart-counter-icon">1</span></li>
                            </ul>
                        </div> <!--# header menu-->
                        
                        <div id="lang">
                            <a href="#" id="bg" class="active"></a>
                            <a href="#" id="en"></a>
                        </div>                   
                        <div id="header-login">
                            <form mathod="post">
                                <input type="email" id="user-email" name="user-email" placeholder="" required>
                                <input type="password" id="user-password" name="user-password" placeholder="" required> 
                                <input type="submit" id="submit-button" name="submit">
                            </form>
                        </div> <!--# drop down header login-->
                        <div id="header-search">                           
                            <input type="search" name="search" id="search-icon" placeholder="Търсене в сайта..." autofocus>
                            <button id="search-icon-input"></button>
                        </div> <!--# drop down header search-->
                        <div id="header-cart">
                    
                        </div> <!--# drop down header cart-->
                        
                    </header> <!--# header-->
                    <div id="container-all-products">
                        <div id="drop-down-all-products" class="cf">
                            <div class="category">
                                <a href="">
                                    <h3>Категория 1</h3></a>
                                <div class="subcategory">
                                    <ul>
                                        <li><a href="">Подкатегория 1</a></li>
                                        <li><a href="">Подкатегория 2</a></li>
                                        <li><a href="">Подкатегория 3</a></li>
                                        <li><a href="">Подкатегория 4</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="category">
                                <a href="">
                                    <h3>Категория 2</h3></a>
                                <div class="subcategory">
                                    <ul>
                                        <li><a href="">Подкатегория 1</a></li>
                                        <li><a href="">Подкатегория 2</a></li>
                                        <li><a href="">Подкатегория 3</a></li>
                                        <li><a href="">Подкатегория 4</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="category">
                                <a href="">
                                    <h3>Категория 3</h3></a>
                                <div class="subcategory">
                                    <ul>
                                        <li><a href="">Подкатегория 1</a></li>
                                        <li><a href="">Подкатегория 2</a></li>
                                        <li><a href="">Подкатегория 3</a></li>
                                        <li><a href="">Подкатегория 4</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="category">
                                <a href="">
                                    <h3>Категория 4</h3>
                                </a>
                                <div class="subcategory">
                                    <ul>
                                        <li><a href="">Подкатегория 1</a></li>
                                        <li><a href="">Подкатегория 2</a></li>
                                    </ul>
                                </div>
                                <a href="">
                                    <h3>Категория 5</h3>
                                </a>
                                <div class="subcategory">
                                    <ul>
                                        <li><a href="">Подкатегория 1</a></li>
                                        <li><a href="">Подкатегория 2</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div> <!--# drop down all products -->
                    </div> <!--# container all products-->
                    <section class="slide-show cf">
                        <div id="container-headline-top">
                            <div id="inner-headline-top">
                                <div id="headline-top">
                                    <h2>АБСОЛЮТНО ВСИЧКО</h2>
                                </div>
                            </div>
                        </div>
                        <div id="container-headline-bottom">
                            <div id="inner-headline-bottom">
                                <div id="headline-bottom">
                                    <h2>ЗА ЗИМНИТЕ СПОРТОВЕ</h2>
                                </div>
                            </div>
                        </div>
                        <div id="container-label-top">
                           <div id="inner-label-top">
                                <div id="label-top">
                                    <div>ДРЕХИ ЗА СКИ</div>
                                </div>
                                <div id="label-top-triangle"></div> 
                           </div>
                        </div> <!--end top-->

                        <div id="container-label-left">
                            <div id="inner-label-left">
                                <div id="label-left">
                                    <div>СКИ И СНОУБОРД</div>
                                </div>
                                <div id="label-left-triangle"></div> 
                            </div>
                        </div> <!--end left--> 
                        
                        <div id="container-label-right">
                            <div id="inner-label-right">
                                <div id="label-right">
                                    <div>ЕКИПИРОВКА ЗА СЪСТЕЗАТЕЛИ</div>
                                </div>
                                <div id="label-right-triangle"></div> 
                            </div>
                        </div> <!--end right-->

                    </section> <!--# slide show-->
                    <nav class="products-nav">
                        <ul class="tab-links">
							
                        </ul>
                    </nav> <!--# products navigation--> 
                    <section class="product-carousel">
                        <div class="tabs">
                           
                            <div data-title="НАЙ-НОВИ" id="НАЙ-НОВИ" class="cf">
                               <ul>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-5.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни червени обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p><span class="promo">1465.99 лв</span>1365.99 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-5.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни червени обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p><span class="promo">465 лв</span>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-5.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни червени обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-5.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни червени обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-5.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни червени обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                               </ul>
                            </div>
                            <div data-title="НАЙ-ПРОДАВАНИ" id="НАЙ-ПРОДАВАНИ" class="cf">
                                <ul>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-1.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни черни обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-1.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни черни обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-1.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни черни обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                    <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-1.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни черни обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                    <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-1.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Страхотни черни обувки Nordica</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                               </ul>
                            </div>
                            <div data-title="СПЕЦИАЛНИ" id="СПЕЦИАЛНИ" class="cf">
                               <ul>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-2.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Бели ръкъвици Energia Pura</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-2.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Бели ръкъвици Energia Pura</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-2.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Бели ръкъвици Energia Pura</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-2.jpg" alt="product image">
                                                </a>                            
                                                <p class="product-description">Бели ръкъвици Energia Pura</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-2.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Бели ръкъвици Energia Pura</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                               </ul>
                            </div>
                            <div data-title="РАЗПРОДАЖБА" id="РАЗПРОДАЖБА" class="cf">
                                <ul>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-3.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Червено зимно яке Descente</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-3.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Червено зимно яке Descente</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-3.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Червено зимно яке Descente</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-3.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Червено зимно яке Descente</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                                   <li>
                                            <div class="product-carousel-item">
                                                <div class="promo-flag">
                                                    <div>ПРОМО</div>
                                                </div>
                                                <a href="#">
                                                    <img class="product-image" src="./images/product-3.jpg" alt="product image">
                                                </a>
                                                <p class="product-description">Червено зимно яке Descente</p>
                                                <div class="row cf">
                                                    <div class="price">
                                                        <p>365 лв</p>
                                                    </div>   
                                                    <div class="buy">
                                                        <button class="buy-button"><span>КУПИ</span></button>
                                                    </div>
                                                </div>
                                            </div> <!--# product tile example-->
                                   </li>
                               </ul>
                            </div>
                        </div>
                        
                    </section> <!--# carousel products-->
                    <section class="banners cf">
                        <div id="banner-cams">
                            <div class="banner-icon">
                                <div id="cam"></div>
                            </div>
                            <div class="banner-content">
                                <h3 id="web-cams-heading">УЕБ КАМЕРИ</h3>
                                <p id="web-cams-value">Боровец, Банско, Витоша</p>
                            </div>
                        </div> <!--# web cams-->
                        <div id="banner-weather">
                            <div class="banner-icon">
                                <div id="cloud"></div>
                            </div>
                            <div class="banner-content">
                                <h3 id="weather-heading">ВРЕМЕТО</h3>
                                <ul id="carousel-weather">
                                    <li>Боровец -12&deg;, вятър 6.0m/s</li>
                                    <li>Пампорово -14&deg;, вятър 7.0m/s</li>
                                    <li>Банско -8&deg;, вятър 8.0m/s</li>
                                    <li>Чепеларе -10&deg;, вятър 4.0m/s</li>
                                    <li>Беклемето -6&deg;, вятър 9.0m/s</li>
                                </ul>
                            </div>
                        </div> <!--# weather-->
                        <div id="banner-news">
                            <div class="banner-icon">
                                <div id="news"></div>
                            </div>
                            <div class="banner-content">
                                <h3 id="news-heading">НОВИНИ</h3>
                                <ul id="carousel-news">
                                    <li>Заглавие на примерна новина...</li>
                                    <li>The Big White Powder Чепеларе</li>
                                    <li>Димпломатическо състезание...</li>
                                    <li>Европейската купа по ски...</li>
                                    <li>Нов атракцион на писта Мечи...</li>
                                </ul>
                            </div>
                        </div> <!--# news-->
                    </section> <!--# banners-->
                </div> <!--# main content container-->
                <section class="brand cf">
                        <div class="brand-bg">
                            <div class="container-brand">
                                <div id="brand-carousel-banner">
                                    <span>ПРИ НАС ЩЕ НАМЕРИТЕ</span>
                                </div>

                                <div id="carousel-brand">
                                  <a href=""><img src="./images/1.png" alt="" id=""></a>
                                  <a href=""><img src="./images/2.png" alt="" id=""></a>
                                  <a href=""><img src="./images/3.png" alt="" id=""></a>
                                  <a href=""><img src="./images/4.png" alt="" id=""></a>
                                  <a href=""><img src="./images/5.png" alt="" id=""></a>
                                  <a href=""><img src="./images/6.png" alt="" id=""></a>
                                  <a href=""><img src="./images/1.png" alt="" id=""></a>
                                  <a href=""><img src="./images/2.png" alt="" id=""></a>
                                  <a href=""><img src="./images/3.png" alt="" id=""></a>
                                  <a href=""><img src="./images/4.png" alt="" id=""></a>
                                  <a href=""><img src="./images/5.png" alt="" id=""></a>
                                  <a href=""><img src="./images/6.png" alt="" id=""></a>
                                </div>                     
                                
                                <div class="control-buttons">
                                    <div id="prev-button">&lt;</div>
                                    <div id="next-button">&gt;</div>
                                </div>        
                            </div> <!--# container brand-->
                        </div> <!--# brand bg-->
                </section> <!--# brand-->
                <footer class="cf">
                    <div class="container-footer">
                        <div class="footer-top cf">
                            <div id="copy">
                                <p>&copy; 2014 SportShop.bg всички права запазени.</p>
                            </div>
                            <nav id="bottom-nav">
                                <ul>
                                    <li><a href="#">Плащане и доставка</a></li>
                                    <li><a href="#">връщане и замяна</a></li>
                                    <li><a href="#">Размери</a></li>
                                    <li><a href="#">Общи условия</a></li>
                                </ul>
                            </nav>
                        </div>
                        <div class="row cf">
                            <ul id="contacts">
                                <li id="address">
                                    <p>Адрес на магазин</p>
                                    <h4>София, ул.Самоков 28, вх.Z</h4>
                                </li>
                                <li id="phone">
                                    <p>Телефон</p>
                                    <h4>02/ 892 0202</h4>
                                </li>
                                <li id="email">
                                    <p>E-mail адрес:</p>
                                    <h4>info@sportshop.bg</h4>
                                </li>
                            </ul>
                            <div id="social">
                                <a href="" id="facebook-icon" class="social-icon">
                                    <img src="./images/facebook-icon.png" alt="facebook">
                                </a>
                                <a href="" id="twitter-icon" class="social-icon">
                                    <img src="./images/twitter-icon.png" alt="twitter">
                                </a>
                            </div>
                        </div>
                    </div> <!--# container footer-->
                </footer> <!--# footer-->
            </div> <!--# pixel bg-->
        </div> <!--# main bg-->
    </div> <!--# wrapper-->
    
    <!--vendor scripts-->
    <script src="../bower_components/jquery/dist/jquery.js"></script>
    <!--<script src="../bower_components/modernizr"></script>-->
    <script src="./js/jquery.carouFredSel-6.2.1.js"></script>
    <!--app scripts-->
    <script src="js/main.js"></script>
</body>
</html>